<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>NOTAS DE ESTUDIANTE</title>
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/css/default.css" />
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/themes/#{preferencias.tema}/skin.css" />
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/syntaxhighlighter/styles/syntaxhighlighter.css" />
</h:head>
<body bgcolor="black">
	<div align = "center">
		<br /><br />
		<h1><h:outputText value="SUS NOTAS SON" style="color: red" /></h1>
		<br />
	</div>
	<div align="center">
		<h:panelGrid columns="1">
			<h:form id="fdatos" prependId="false">
				<p:dataTable  id="tabla" value="#{estudianteBean.notas}" var="nota" border="1" paginator="true" rows="5" emptyMessage="No hay materias registrados">
					<p:column  filterBy="#{nota.pkCompuesta.nombreMateria}" filterMatchMode="startsWith" footerTex="comienza por" >
						<f:facet name="header"><h:outputText value="Materia" /></f:facet> 
						<h:outputText value="#{nota.pkCompuesta.nombreMateria}" style="color: black" /> 
					</p:column>
					<p:column  filterBy="#{nota.nota}" filterMatchMode="startsWith" footerTex="comienza por" >
						<f:facet name="header"><h:outputText value="Nota" /></f:facet> 
						<h:outputText value="#{nota.nota}" style="color: black" /> 
					</p:column>
				</p:dataTable>
				
				<div align="center">
					<p:panel id="panelExportacion" header="Exportacion" style="margin-bottom:10px;">
						<div align="center">
							<h:panelGrid columns="5">
								<h:outputText value="Exportar datos de la tabla:" style="color: black" />
								<h:commandLink>
									<p:graphicImage value="/images/pdf.png" />
									<p:dataExporter type="pdf" target="tabla" fileName="notas" />
								</h:commandLink>
								<h:commandLink>
									<p:graphicImage value="/images/excel.png" />
									<p:dataExporter type="xls" target="tabla" fileName="notas" />
								</h:commandLink>
								 <h:commandLink>  
						            <p:graphicImage value="/images/csv.png" />  
						            <p:dataExporter type="csv" target="tabla" fileName="notas" />  
						        </h:commandLink>  
						        <h:commandLink>  
						            <p:graphicImage value="/images/xml.png" />  
						            <p:dataExporter type="xml" target="tabla" fileName="notas" />  
						        </h:commandLink> 
							</h:panelGrid>
						</div>
					</p:panel>
				</div>
			</h:form>
		</h:panelGrid>
	</div>
	<h:form>
		<div align="center">
			<h:commandButton value="Volver" action="/Paginas/paginasIniciales/paginaInicioEstudiante.xhtml"/>
		</div>
	</h:form>
	
</body>
</html>